import React from 'react'
import { useNavigate } from 'react-router-dom'
import qs from 'qs'

export default function B() {
  const navigate = useNavigate()
  const handle = () => {
    // 问号传参
    // navigate({
    //   pathname: '/c',
    //   // 问号传参
    //   search: qs.stringify({
    //     id: 1,
    //     name: 'mal'
    //   })
    // })

    // 路径传参
    // navigate({
    //   pathname: '/c/100/mal'
    // })

    // 隐式传参
    navigate('/c', {
      state: {
        name: 'mal',
        id: 100
      }
    })
  }
  return <div>
    b
    <button onClick={handle}>跳转按钮</button>
  </div>
}